<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>学生管理系统</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            font-family: "Microsoft Yahei", sans-serif;
        }
        .container {
            display: flex;
        }
        .sidebar {
            width: 200px;
            background-color: #4aaaa5;
            color: white;
            padding: 20px;
        }
        .sidebar h1 {
            margin-top: 0;
        }
        .sidebar ul {
            list-style: none;
            padding: 0;
        }
        .sidebar li {
            margin-bottom: 15px;
        }
        .sidebar a {
            color: white;
            text-decoration: none;
            font-size: 18px;
        }
        .content {
            flex: 1;
            padding: 20px;
        }
        .add-btn {
            display: inline-block;
            background-color: #fff;
            border: 1px solid #4aaaa5;
            color: #4aaaa5;
            padding: 8px 15px;
            text-decoration: none;
            margin-bottom: 15px;
            border-radius: 4px;
        }
        table {
            width: 100%;
            border-collapse: collapse;
        }
        th, td {
            border: 1px solid #ddd;
            padding: 8px;
            text-align: left;
        }
        th {
            background-color: #f2f2f2;
        }
        tr:nth-child(even) {
            background-color: #f9f9f9;
        }
        .delete-btn {
            color: #007bff;
            text-decoration: none;
        }
        .pagination {
            margin-top: 20px;
        }
        .pagination a {
            display: inline-block;
            padding: 5px 10px;
            margin-right: 5px;
            border: 1px solid #ddd;
            text-decoration: none;
            color: #007bff;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="sidebar">
        <h1>学生管理系统</h1>
        <ul>
            <li><a href="#">学生</a></li>
            <li><a href="#">教师</a></li>
            <li><a href="#">课程</a></li>
        </ul>
    </div>
    <div class="content">
        <a href="#" class="add-btn">新增学生</a>
        <table>
            <thead>
            <tr>
                <th>id</th>
                <th>name</th>
                <th>password</th>
                <th>性别</th>
                <th>班级</th>
                <th>生日</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>000001</td>
                <td>李牧尘</td>
                <td>1111</td>
                <td>女</td>
                <td>13软件1</td>
                <td>1997-12-05</td>
                <td><a href="#" class="delete-btn">删除</a></td>
            </tr>
            <tr>
                <td>000002</td>
                <td>刘红枫</td>
                <td>0000</td>
                <td>男</td>
                <td>24软件2</td>
                <td>2024-11-15</td>
                <td><a href="#" class="delete-btn">删除</a></td>
            </tr>
            <tr>
                <td>000003</td>
                <td>昭</td>
                <td>123</td>
                <td>女</td>
                <td></td>
                <td></td>
                <td><a href="#" class="delete-btn">删除</a></td>
            </tr>
            </tbody>
        </table>
        <div class="pagination">
            <a href="#">Previous</a>
            <a href="#">1</a>
            <a href="#">2</a>
            <a href="#">3</a>
            <a href="#">Previous</a>
        </div>
    </div>
</div>
</body>
</html>